<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!--兼容手机端-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>历史委托</title>
    <!--公共的样式-->
    <link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />
    <link rel="stylesheet" type="text/css" href="../common_css/weui.css" />
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../common_css/common.css" />
    <!--本页的样式-->
    <link rel="stylesheet" type="text/css" href="css/histroycommission.css" />
    <!-- <link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" /> -->
    <script src="../common_js/jquery-1.11.0.min.js"></script>
    <script src="../common_js/jquery-weui.js"></script>
    <script src="../common_js/refresh.js"></script>
    <script src="../common_js/swiper.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
    <!--总部div-->
    <div id="exchangeprice_main">
        <!--头部-->
        <div id="account_statistic_header">
            <a style="color: white;" href="../buyandsell-detailed/buyandsell-detailed.html"><span class="iconfont icon-back icon_fanhui"></span></a>
            <font>历史委托</font>
        </div>
        <!--身体-->
        <div id="exchangeprice_body" style="margin-top: 50px;">
            <div class="weui-pull-to-refresh__layer">
                <div class='weui-pull-to-refresh__arrow'></div>
                <div class='weui-pull-to-refresh__preloader'></div>
                <div class="down">下拉刷新</div>
                <div class="up">释放刷新</div>
                <div class="refresh">正在刷新</div>
            </div>
            <div class="histroycommission_header">
                <div class="histroycommission_header_1">
                    <div class="histroy_content">
                        <!--//时间选择器-->
                        <div style="text-align: center;">
                            <label style="text-align: center;">起始时间</label>
                        </div>
                        <div>
                            <input style="color: #999999; text-align: center;" class="weui-input weui-cell__ft" id="time" type="text" value="2017-01-05">
                        </div>
                    </div>
                </div>
                <div class="histroycommission_header_1">
                    <div class="histroy_content">
                        <!--//时间选择器-->
                        <div style=" text-align: center;">
                            <label style="text-align: center;">结束时间</label>
                        </div>
                        <div>
                            <input style="color: #999999; text-align: center;" class="weui-input weui-cell__ft" id="time1" type="text" value="2017-10-05">
                        </div>
                    </div>
                </div>
            </div>
            <!--身体里的内容部分-->
            <div class="histroycommission_body">
                <!--订单内容的头部-->
                <div class="exchangeprice_wait_title">
                    <div class="exchangeprice_wait_title_1">名称/代码</div>
                    <div class="exchangeprice_wait_title_1">委托价/时间</div>
                    <div class="exchangeprice_wait_title_1">委托量/成交量</div>
                    <div class="exchangeprice_wait_title_1">状态</div>
                </div>
                <!--切换内容的身体-->
                <div class="exchangeprice_wait_body">
                    <!--每一条的内容-->
                    <div class="wait_body_content">
                        <div class="exchangeprice_wait_title_2">
                            <!--name和num-->
                            <div class="wait_title_1_name">
                                <p class="wait_title_1_name_nicheng">李雯雯</p>
                                <p class="wait_title_1_name_num">800005</p>
                            </div>
                        </div>
                        <div class="exchangeprice_wait_title_2">
                            <p class="wait_title_1_name_nicheng">53.12</p>
                            <p class="wait_title_1_name_num">2017-04-15</p>
                        </div>
                        <div class="exchangeprice_wait_title_2">
                            <p class="wait_title_1_name_nicheng">100</p>
                            <p class="wait_title_1_name_num">85</p>
                        </div>
                        <div class="exchangeprice_wait_title_2 title_juzhong">
                            <span>已完成</span>
                        </div>
                        <!--每一条的内容的结尾-->
                    </div>
                    <!--每一条的内容-->
                    <div class="wait_body_content">
                        <div class="exchangeprice_wait_title_2">
                            <!--name和num-->
                            <div class="wait_title_1_name">
                                <p class="wait_title_1_name_nicheng">李雯雯</p>
                                <p class="wait_title_1_name_num">800005</p>
                            </div>
                        </div>
                        <div class="exchangeprice_wait_title_2">
                            <p class="wait_title_1_name_nicheng">53.12</p>
                            <p class="wait_title_1_name_num">2017-04-15</p>
                        </div>
                        <div class="exchangeprice_wait_title_2">
                            <p class="wait_title_1_name_nicheng">100</p>
                            <p class="wait_title_1_name_num">85</p>
                        </div>
                        <div class="exchangeprice_wait_title_2 title_juzhong">
                            <span>未交易</span>
                        </div>
                        <!--每一条的内容的结尾-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--时间选择器-->
    <script type="text/javascript">
    $("#time").on("click", function() {
        this.value = "";
        $("#time").datetimePicker({
            title: '',
            min: "1990-12-12",
            max: "2022-12-12",
            onChange: function(picker, values, displayValues) {
                console.log(values);
            }
        });
    });
    $("#time1").on("click", function() {
        this.value = "";
        if (this.value == "") {
            $("#time1").datetimePicker({
                title: '',
                min: "1990-12-12",
                max: "2022-12-12",
                onChange: function(picker, values, displayValues) {
                    console.log(values);
                }
            });
        }

    });
    </script>
</body>

</html>
